<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>自如友家后台管理系统</title>
	
	
	<link rel="stylesheet" type="text/css" href="css/960.css"/>
	<link rel="stylesheet" type="text/css" href="css/reset.css"/>
	<link rel="stylesheet" type="text/css" href="css/text.css"/>
	<link rel="stylesheet" type="text/css" href="css/blue.css"/>
	<link rel="stylesheet" type="text/css" href="css/smoothness/ui.css" />  
	
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript" src="js/blend/jquery.blend.js"></script>
	<script type="text/javascript" src="js/ui.core.js"></script>
	<script type="text/javascript" src="js/ui.sortable.js"></script>    
    <script type="text/javascript" src="js/ui.dialog.js"></script>
    <script type="text/javascript" src="js/ui.datepicker.js"></script>
    <script type="text/javascript" src="js/effects.js"></script>
    <script type="text/javascript" src="js/flot/jquery.flot.pack.js"></script>
    <script id="source" language="javascript" type="text/javascript" src="js/graphs.js"></script>
    <!--[if IE]>
    <script language="javascript" type="text/javascript" src="js/flot/excanvas.pack.js" tppabs="http://www.webgurus.biz/adminskin2/js/flot/excanvas.pack.js"></script>
    <![endif]-->
	<!--[if IE 6]>
	<link rel="stylesheet" type="text/css" href="css/iefix.css" tppabs="http://www.webgurus.biz/adminskin2/css/iefix.css" />
	<script src="js/pngfix.js" tppabs="http://www.webgurus.biz/adminskin2/js/pngfix.js"></script>
    <script>
        DD_belatedPNG.fix('#menu ul li a span span');
    </script>        
    <![endif]-->
</head>

<body>
	<!-- WRAPPER START 页面部分的开始 整个页面的第一个div，这个div的class是container_16	-->
	<div class="container_16" id="wrapper">	
	
		<!-- HIDDEN COLOR CHANGER 这个是选择主题的那个div，开始的时候是隐藏的。-->      
		<div style="position:relative;">
			<div id="colorchanger">
				<a href="dashboard_red.html"><span class="redtheme">红色主题</span></a>
				<a href="dashboard.html"><span class="bluetheme">蓝色主题</span></a>
				<a href="dashboard_green.html"><span class="greentheme">绿色主题</span></a>
			</div>
		</div>
		
		<!--LOGO 自如友家的Logo图片-->
		<div class="grid_8" id="logo">
			<img src="./images/logo.jpg" height="60" alt="" style="vertical-align: middle;"/>自如友家
		</div>
		
		<div class="grid_8">
			<!-- USER TOOLS START 用户工具条-->
			<div id="user_tools">
				<span>
					<a href="#" class="mail">(1)</a> 
					欢迎 郭昕  |  
					<a class="dropdown" href="#">改变主题</a>  |  
					<a href="#">退出</a>
				</span>
			</div>
		</div>
		<!-- USER TOOLS END -->
		
		<div class="grid_16" id="header">
			<!-- MENU START  菜单的开始-->
			<div id="menu">
				<ul class="group" id="menu_group_main">
					<li class="item first" id="one">
						<a href="dashboard.html" class="main current"><span class="outer"><span class="inner dashboard">房源管理</span></span></a></li>
					<li class="item middle" id="two">
						<a href="forms.html" class="main"><span class="outer"><span class="inner content">合同管理</span></span></a></li>
					<li class="item middle" id="three">
						<a href="#" class="main"><span class="outer"><span class="inner users">用户管理</span></span></a></li>
					<li class="item middle" id="four">
						<a href="#" class="main"><span class="outer"><span class="inner reports">报告管理</span></span></a></li>
					<li class="item middle" id="five">
						<a href="#" class="main"><span class="outer"><span class="inner media_library">媒体管理</span></span></a></li>        
					<li class="item middle" id="six">
						<a href="#" class="main"><span class="outer"><span class="inner event_manager">事件管理</span></span></a></li>        
					<li class="item middle" id="seven">
						<a href="#" class="main"><span class="outer"><span class="inner newsletter">内容管理</span></span></a></li>        
					<li class="item last" id="eight">
						<a href="#" class="main"><span class="outer"><span class="inner settings">系统设置</span></span></a></li>        
				</ul>
			</div>
			<!-- MENU END -->
		</div>
		
		
		<div class="grid_16">
		<!-- TABS START 二级子菜单-->
			<div id="tabs">
				 <div class="container">
					<ul>
						<li><a href="#" class="current"><span>公告板元素</span></a></li>
						<li><a href="forms.html"><span>内容编辑</span></a></li>
						<li><a href="#"><span>二级子菜单</span></a></li>
						<li><a href="#"><span>二级子菜单</span></a></li>
						<li><a href="#"><span>二级子菜单</span></a></li>
						<li><a href="#"><span>二级子菜单</span></a></li>
						<li><a href="#" class="more"><span>更多子菜单</span></a></li>            
				   </ul>
				</div>
			</div>
		<!-- TABS END -->    
		</div>
		
		
		<!-- HIDDEN SUBMENU START 隐藏的更多子菜单-->
		<div class="grid_16" id="hidden_submenu">
			<ul class="more_menu">
				<li><a href="#">链接1</a></li>
				<li><a href="#">链接1</a></li>  
				<li><a href="#">链接1</a></li>    
				<li><a href="#">链接1</a></li>                               
			</ul>
			<ul class="more_menu">
				<li><a href="#">链接1</a></li>
				<li><a href="#">链接1</a></li>  
				<li><a href="#">链接1</a></li> 
				<li><a href="#">链接1</a></li>                                  
			</ul>
			<ul class="more_menu">
				<li><a href="#">链接1</a></li>
				<li><a href="#">链接1</a></li>  
				<li><a href="#">链接1</a></li>  
				<li><a href="#">链接1</a></li>                                 
			</ul>            
		</div>
		<!-- HIDDEN SUBMENU END -->  

		<!-- CONTENT START -->
		
		<div class="grid_16" id="content">
		<!--  TITLE START  内容标题--> 
			<div class="grid_9">
				<h1 class="dashboard">仪表板</h1>
			</div>
			
			
			<!--RIGHT TEXT/CALENDAR 右侧的内容提示区域-->
			<div class="grid_6" id="eventbox"><a href="#" class="inline_calendar">今天你没有任何事件</a>
				<!-- 下面的这个div是用来显示日历选择器的。 -->
				<div class="hidden_calendar"></div>
			</div>
			<!--RIGHT TEXT/CALENDAR END-->
			
			
			<div class="clear">
			</div>
		<!--  TITLE END  -->   

		
		<!-- #PORTLETS START portlet的开始-->
			<div id="portlets">
			
			<!-- FIRST SORTABLE COLUMN START  第一个portlet -->
				<div class="column" id="left">
				
				
				<!--THIS IS A PORTLET-->
					<div class="portlet">
						<div class="portlet-header">
							<img src="images/icons/chart_bar.gif" width="16" height="16" alt="Reports" /> 访问量 - 近30天的
						</div>
						
						<div class="portlet-content">
							<!--THIS IS A PLACEHOLDER FOR FLOT - Report & Graphs -->
							<div id="placeholder" style="width:auto; height:250px;"></div>
						</div>
					</div>
					
				<!--THIS IS A PORTLET-->
					<div class="portlet">
						<div class="portlet-header">表单提交信息</div>
							<div class="portlet-content">
								<p>下面的内容是表单信息的，可以用来提交</p>
								<h3>这是一个表单</h3>
								
								<form id="form1" name="form1" method="post" action="">
									<label>一些标题</label>
									<input type="text" name="textfield" id="textfield" class="smallInput" />
									<label>大输入框</label>
									<input type="text" name="textfield2" id="textfield2" class="largeInput" />
									<label>文本域</label>
									<textarea name="textarea" cols="45" rows="3" class="smallInput" id="textarea"></textarea>
									<a class="button"><span>蓝色的提交按钮</span></a>
									<a class="button_grey"><span>提交本表单</span></a>
								</form>
								<p>&nbsp;</p>
							</div>
					</div>
				</div>
			<!-- FIRST SORTABLE COLUMN END -->
			
			
			<!-- SECOND SORTABLE COLUMN START -->
				<div class="column">
				
					<!--THIS IS A PORTLET-->        
					<div class="portlet">
						<div class="portlet-header">
							<img src="images/icons/comments.gif" width="16" height="16" alt="Comments" />最新的内容
						</div>
						
						
						<div class="portlet-content">
							<p class="info" id="success">
								<span class="info_inner">【成功】最新的前台的客户回帖</span>
							</p>
							<p class="info" id="error">
								<span class="info_inner">【错误】相关的错误信息</span>
							</p>
							<p class="info" id="warning">
								<span class="info_inner">【警告】相关的警告信息</span>
							</p>
							<p class="info" id="info">
								<span class="info_inner">【信息】相关的信息提示</span>
							</p>
							一些内容的备注
						</div>
					</div>    
			  
					<!--THIS IS A PORTLET--> 
					<div class="portlet">
						<div class="portlet-header">
							<img src="images/icons/feed.gif" width="16" height="16" alt="Feeds" />你选择的RSS
						</div>
						
						<div class="portlet-content">
							<ul class="news_items">
								<li>最新房源信息<a href="#">一套</a></li>
								<li>最新收房合同<a href="#"> 一套</a>东五环的房源</li>
								<li>最新房源信息<a href="#">一套</a> </li>
								<li>最新房源信息<a href="#">一套</a></li>
								<li>最新房源信息<a href="#">一套</a></li>
							</ul>
							<a href="#">&raquo; 浏览所有新闻</a>
						</div>
					</div>                         
				</div>
			<!--  SECOND SORTABLE COLUMN END -->
			
			
			
				<div class="clear"></div>
			
			
			<!--THIS IS A WIDE PORTLET  这是一个宽的portlet-->
				<div class="portlet">
					<div class="portlet-header fixed">
						<img src="images/icons/user.gif" width="16" height="16" alt="Latest Registered Users" /> 用户列表
					</div>
					
					<div class="portlet-content nopadding">
					<form action="" method="post">
						<table width="100%" cellpadding="0" cellspacing="0" id="box-table-a" summary="Employee Pay Sheet">
							<thead>
								<tr>
									<th width="34" scope="col"><input type="checkbox" name="allbox" id="allbox" onclick="checkAll()" alt="选择所有" /></th>
									<th width="136" scope="col">编号</th>
									<th width="102" scope="col">姓名</th>
									<th width="109" scope="col">日期</th>
									<th width="129" scope="col">位置</th>
									<th width="171" scope="col">邮件</th>
									<th width="123" scope="col">电话/th>
									<th width="90" scope="col">活动</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td width="34"><label>
										<input type="checkbox" name="checkbox" id="checkbox" />
									</label></td>
									<td>Stephen C. Cox</td>
									<td>stephen</td>
									<td>20.06.2009</td>
									<td>Los Angeles, CA</td>
									<td>address1@yahoo.com</td>
									<td>332-5447879</td>
									<td width="90"><a href="#" class="approve_icon" title="Approve"></a> <a href="#" class="reject_icon" title="Reject"></a> <a href="#" class="edit_icon" title="Edit"></a> <a href="#" class="delete_icon" title="Delete"></a></td>
								</tr>
								<tr>
									<td width="34"><input type="checkbox" name="checkbox2" id="checkbox2" /></td>
									<td>Josephin Tan</td>
									<td>josephin</td>
									<td>20.06.2009</td>
									<td>Los Angeles, CA</td>
									<td>address1@yahoo.com</td>
									<td>332-5447879</td>
									<td width="90"><a href="#" class="approve_icon" title="Approve"></a> <a href="#" class="reject_icon" title="Reject"></a> <a href="javascript:if(confirm('http://www.webgurus.biz/adminskin2/edit_modal.html  \n\nļδ Teleport Pro أΪ  - ޷ҵļ  \n\nҪӷ?'))window.location='http://www.webgurus.biz/adminskin2/edit_modal.html'" tppabs="http://www.webgurus.biz/adminskin2/edit_modal.html" class="edit_icon" title="Edit"></a> <a href="#" class="delete_icon" title="Delete"></a></td>
								</tr>
								<tr>
									<td width="34"><input type="checkbox" name="checkbox3" id="checkbox3" /></td>
									<td>Joyce Ming</td>
									<td>joyce_m</td>
									<td>20.06.2009</td>
									<td>Los Angeles, CA</td>
									<td>address1@yahoo.com</td>
									<td>332-5447879</td>
									<td width="90"><a href="#" class="approve_icon" title="Approve"></a> <a href="#" class="reject_icon" title="Reject"></a> <a href="#" class="edit_icon" title="Edit"></a> <a href="#" class="delete_icon" title="Delete"></a></td>
								</tr>
								<tr>
									<td width="34"><input type="checkbox" name="checkbox4" id="checkbox4" /></td>
									<td>James A. Pentel</td>
									<td>james_pent</td>
									<td>20.06.2009</td>
									<td>Los Angeles, CA</td>
									<td>address1@yahoo.com</td>
									<td>332-5447879</td>
									<td width="90"><a href="#" class="approve_icon" title="Approve"></a> <a href="#" class="reject_icon" title="Reject"></a> <a href="#" class="edit_icon" title="Edit"></a> <a href="#" class="delete_icon" title="Delete"></a></td>
								</tr>
								<tr class="footer">
									<td colspan="4"><a href="#" class="edit_inline">Edit all</a><a href="#" class="delete_inline">Delete all</a><a href="#" class="approve_inline">Approve all</a><a href="#" class="reject_inline">Reject all</a></td>
									<td align="right">&nbsp;</td>
									<td colspan="3" align="right">
									<!--  PAGINATION START  -->             
										<div class="pagination">
										<span class="previous-off">&laquo; Previous</span>
										<span class="active">1</span>
										<a href="dashboard.html-page=2.htm" tppabs="http://www.webgurus.biz/adminskin2/dashboard.html?page=2">2</a>
										<a href="dashboard.html-page=3.htm" tppabs="http://www.webgurus.biz/adminskin2/dashboard.html?page=3">3</a>
										<a href="dashboard.html-page=4.htm" tppabs="http://www.webgurus.biz/adminskin2/dashboard.html?page=4">4</a>
										<a href="dashboard.html-page=5.htm" tppabs="http://www.webgurus.biz/adminskin2/dashboard.html?page=5">5</a>
										<a href="dashboard.html-page=6.htm" tppabs="http://www.webgurus.biz/adminskin2/dashboard.html?page=6">6</a>
										<a href="dashboard.html-page=7.htm" tppabs="http://www.webgurus.biz/adminskin2/dashboard.html?page=7">7</a>
										<a href="dashboard.html-page=2.htm" tppabs="http://www.webgurus.biz/adminskin2/dashboard.html?page=2" class="next">Next &raquo;</a>
										</div>  
									<!--  PAGINATION END  -->       
									</td>
								</tr>
							</tbody>
						</table>
					</form>
					</div>
				</div>
			<!--  END #PORTLETS -->  
			
			
			</div>
		
		
			<div class="clear"> </div>
		
		
			<!-- END CONTENT-->    
		</div>
		
		<div class="clear"> </div>

		<!-- This contains the hidden content for modal box calls -->
		<div class='hidden'>
			<div id="inline_example1" title="信息提示框" style='padding:10px; background:#fff;'>
				<p><strong>这些内容是隐藏的， 而且窗体是模态的。</strong></p>
				<p>你可以使用任何JQuery UI</p>
			</div>
		</div>
	</div>
	<!-- WRAPPER END -->
	
	
	
	<!-- FOOTER START -->
	<div class="container_16" id="footer">
		Website Administration by <a href="javascript:if(confirm('http://www.webgurus.biz/  \n\nļδ Teleport Pro أΪ λʼַõı߽·С  \n\nҪӷ?'))window.location='http://www.webgurus.biz/'" tppabs="http://www.webgurus.biz/">WebGurus</a></div>
	<!-- FOOTER END -->
</body>
</html>
